<template>
  <div style="height: 100%;">
    <div class="divContainer">
      <div style="width:100%; height:100%;">
        <div class="weatherImag">
          <div style="margin-left: 40px;padding-top: 23px;line-height: 40px;">
            <span style="font-size: x-large;font-weight: bold;font-family: PingFang-SC-Bold;">{{ Time }}</span>
            <span style="font-size: large;margin-left: 10px;">您好，祝您开心每一天</span>
            <div>
              <span style="    width: 52px; height: 3px;background-color: #0E867F;" class="fenge"></span>
              <span style="    width:133px; height: 3px;background-color: #D1E8E6;" class="fenge"></span>
            </div>
            <div style="font-size: larger; color: #168982;font-weight: bold;font-family: PingFang-SC-Bold;">
              生命的闪烁不坚持到底怎么能看到
            </div>
          </div>

        </div>
      </div>
    </div>

    <div>
    </div>
  </div>
</template>

<script>
import moment from "moment";

export default {
  name: "",


  data() {
    return {
      size: 'mini',
      Time: "",
      timer: null,
    }
  },
  mounted() {
    this.timer = setInterval(() => {
      this.Time = moment().format("YYYY-MM-DD");
    }, 1000);
  },
}
</script>

<style scoped>
.divContainer {
  width: 100%;
  height: 100%;
  line-height: 35px;
}

.divContainer .el-card {
  border: 0px !important;
  border-radius: 0px;
}

.divContainer .el-card .el-card__header {
  padding: 0px 0px 0px 0px !important;
  border-bottom: none;
}

.divContainer .top {
  /* box-shadow: 0px 2px 10px #e1e1e1; */
  height: 35px;
}


.weatherImag {
  width: 100%;
  height: 100%;
  background-image: url('./images/组368.png');
  background-repeat: no-repeat; /*  是否重复   */
  background-position: cover;
  background-size: 100%;
}

.fenge {
  display: inline-block;
}
</style>
